<script setup lang="ts">
import { sessionCryptoCache } from '@/utils/cryptoCache';

// 退出登录
const onSetAuth = () => {
	// 清空本地缓存
	sessionCryptoCache.clearItem();
	// 页面重新加载
	window.location.reload();
};
</script>

<template>
	<div class="noPower">
		<div class="left">
			<div class="item-animation item-num">401</div>
			<div class="item-animation item-title">
				{{ $t('noPower.powerTitle') }}
			</div>
			<div class="item-animation item-msg">
				{{ $t('noPower.powerMsg') }}
			</div>
			<div class="item-animation item-btn">
				<el-button round @click="onSetAuth">{{ $t('noPower.powerBtn') }}</el-button>
			</div>
		</div>
		<div class="right">
			<img src="~@/assets/401/noPower.png" />
		</div>
	</div>
</template>

<style lang="less" scoped>
@import url('./index.less');
</style>
